<!--
 * @Description: 
 * @Version: 1.0
 * @Autor: silencc
 * @Date: 2020-08-31 11:44:55
 * @LastEditors: silencc
 * @LastEditTime: 2020-09-21 11:14:48
-->
<template>
  <div
    class="gap"
    :style="`width: ${width};height: ${height};background-color: ${bcolor}`"
  ></div>
</template>

<script>
export default {
  name: "my-gap",
  props: {
    width: {
      type: String,
      default: "0px"
    },
    height: {
      type: String,
      default: "0px"
    },
    bcolor: {
      type: String,
      default: "#fff"
    }
  }
};
</script>
<style lang="scss" scoped>
.gap {
  flex-shrink: 0;
}
</style>
